<template>
	<view class="store">
		<view class="item-store" v-for="(item,index) in dataList" :key="index">
			<view class="big-img">
			<image class="big-img" :src="item.bigImg" mode=""></image>
            </view>
			<scroll-view scroll-x="true" class="scroll-conter">
				<view class="scroll-son">
				 <Shop :dataList="item.data" wrap="nowrap" itemW="200rpx" bigH="200rpx" nameSize="20rpx"></Shop>
				</view>
			</scroll-view>
	</view>
	</view>
</template>

<script>
	import Shop from "@/component/shop.vue"
	export default{
		data(){
			return{
				scrollList:[
				]
				
			}
		},
			
		components:{
			Shop
		},
		props:{
			dataList:Array
		}
	}
	
</script>

<style scoped>
	
	.big-img{
		width: 100%;
		height: 200rpx;
	}
	.scroll-conter{
		width: 100%;
		white-space: nowrap;
	}
	.scroll-son{
		display: inline-block;
	}
</style>